<template>
    <div>
        <!-- 面包屑导航 -->
        <el-breadcrumb separator-class="el-icon-arrow-right">
            <el-breadcrumb-item>借阅管理</el-breadcrumb-item>
            <el-breadcrumb-item>借阅管理</el-breadcrumb-item>
        </el-breadcrumb>
        <!--列表-->
        <el-table :data="listData" border style="width: 100%;margin-top:20px;">
            <el-table-column prop="UserCode" label="用户" />
            <el-table-column prop="BookCode" label="书籍" />
            <el-table-column prop="CreateTime" label="借书日期" />
            <el-table-column prop="BackTime" label="还书时间" />
        </el-table>
        <!-- 分页组件 -->
        <Pagination v-bind:child-msg="pageparm"></Pagination>
    </div>
</template>

<script>
import Pagination from '../../components/Pagination'
export default {
    // 注册组件
    components: {
        Pagination
    },
    data() {
        return {
            // listData: [], //用户数据
            // 分页参数
            pageparm: {
                currentPage: 1,
                pageSize: 10,
                total: 10
            },
            listData: [
                {
                    UserCode: '用户1',
                    BookCode: '书1',
                    CreateTime: '2024/4/26',
                    BackTime: '2024/4/28',
                },
                {
                    UserCode: '用户1',
                    BookCode: '书2',
                    CreateTime: '2024/4/26',
                    BackTime: '2024/4/28',
                },
            ]
        }
    },
    created() {
        this.getdata()
    },
    /**
     * 里面的方法只有被调用才会执行
     */
    methods: {
        // 获取公司列表
        getdata() {
            // this.listData = res.data
            // this.pageparm.currentPage = this.formInline.page
            // this.pageparm.pageSize = this.formInline.limit
            // this.pageparm.total = res.count
        },
    }
}
</script>

<style scoped>
.user-search {
    margin-top: 20px;
}

.userRole {
    width: 100%;
}

.add {
    margin: 10PX 0;
}
</style>